<template>
	<view>
		<u-navbar :title="title" :leftIconSize="leftIconSize" :leftIconColor="leftIconColor" :height="height"
			:bgColor="bgColor" :titleStyle="titleStyle" :fixed="true" :safeAreaInsetTop="safeAreaInsetTop"
			:placeholder="placeholder" :autoBack="autoBack">
			<view slot="right">
				<slot name="right"></slot>
			</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: ''
			},
			titleStyle: {
				type: Object,
				default: () => {
					return {
						fontSize: '36rpx',
					}
				}
			},
			autoBack: {
				type: Boolean,
				default: true
			},
			leftIconSize: {
				type: String,
				default: ''
			},
			leftIconColor: {
				type: String,
				default: ''
			},
			height: {
				type: String,
				default: '88rpx'
			},
			bgColor: {
				type: String,
				default: '#fff'
			},
			safeAreaInsetTop: {
				type: Boolean,
				default: true
			},
			placeholder: {
				type: Boolean,
				default: true
			}
		}
	}
</script>

<style>


</style>